<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" type="image/svg+xml" href="/vite.svg"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>rect</title>
</head>
<body>
<div id="container"></div>
<script type="module">
    import Konva from "konva";

    var width = window.innerWidth;
    var height = window.innerHeight;

    let stage = new Konva.Stage({container: 'container', width: width, height: height});
    let layer = new Konva.Layer();
    stage.add(layer);

    let rect = new Konva.Rect({
        height: 100,
        width: 200,
        fill: 'lightblue',
        draggable: true,
        name: 'rect',
        stroke: 'gray',
        strokeWidth: 3,
        cornerRadius: 5,
        x: 3,
        y: 3,
        shadowForStrokeEnabled: false
    });
    layer.add(rect);
</script>
</body>
</html>
